<!DOCTYPE html>
<html itemscope itemtype="http://schema.org/Article">
<head>
	<title>Grand Hack</title>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>

	<link href="styles.css" rel="stylesheet" type="text/css">    
<body>
	<div id="contentWrapper">
        <div class="header">
            <select id="translateLang" class="form-control">
                <option value="">Ru</option>
                <option value="">De</option>
                <option value="">Fr</option>
                <option value="">Es</option>
                <option value="">Bel</option>
            </select>
            <button class="btn">Generate file</button>
        </div>
	<div class="container" id='container'>
  		<div class="chat-box">
    		<div data-bind='foreach: messages'>
    			<div  class="message-box left-img" data-bind="css: { 'right-img': isCurrent }">
      				<div class="picture">
       					<img title="user name" data-bind="attr: { src: imagePath}"/>
        				<span class="time" data-bind="text: moment(time).format('h:mm')"></span>
      				</div>
      				<div class="message">
        				<span data-bind="text: userName"></span>
                          <p contenteditable="true" data-bind="editableText: message , attr: { 'data-time' : time}"></p>
    				</div>
    			</div>
			</div>
		</div>
		<button onclick="clickButton()" value="Start">Start</button>
		<button onclick="clickStopButton()"value="Stop">stop</button>
	</div>
	<script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/knockout/3.3.0/knockout-min.js'></script>
    <script src="http://www.google.com/jsapi?key=AIzaSyCglppqfTG6kBr6hItig9T9m-c_9F2Xdu8>" type="text/javascript"></script>
    <script type="text/javascript" src="moment.js"></script>
	<script type="text/javascript" src="index.js"></script>
    <script type='text/javascript'>
        $(document).ready(function () {
            $('#translateLang').prop('selectedIndex', -1);
        });
    </script>


	
</body>
</html>